<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>身体指标</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- favicon
            ============================================ -->
        <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
        <!-- Google Fonts
            ============================================ -->
        <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
        <!-- Bootstrap CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
        <!-- Bootstrap CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
        <!-- owl.carousel CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/owl.carousel.css}">
        <link rel="stylesheet" th:href="@{/css/owl.theme.css}">
        <link rel="stylesheet" th:href="@{/css/owl.transitions.css}">
        <!-- animate CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/animate.css}">
        <!-- normalize CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/normalize.css}">
        <!-- meanmenu icon CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
        <!-- main CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/main.css}">
        <!-- educate icon CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/educate-custon-icon.css}">
        <!-- morrisjs CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/morrisjs/morris.css}">
        <!-- mCustomScrollbar CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/scrollbar/jquery.mCustomScrollbar.min.css}">
        <!-- metisMenu CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
        <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
        <!-- calendar CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/calendar/fullcalendar.min.css}">
        <link rel="stylesheet" th:href="@{/css/calendar/fullcalendar.print.min.css}">
        <!-- style CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/style.css}">
        <!-- responsive CSS
            ============================================ -->
        <link rel="stylesheet" th:href="@{/css/responsive.css}">
        <!-- modernizr JS
            ============================================ -->
        <script th:src="@{/js/vendor/modernizr-2.8.3.min.js}"></script>
    </head>

    <body>
        <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <!-- Start Left menu area -->
        <div th:insert="~{sideBar::sideBar}"></div>
        <!-- End Left menu area -->
        <!-- Start Welcome area -->
        <div class="all-content-wrapper">
            <input id="attribute" th:value="${attribute}" style="display: none">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="logo-pro">
                            <a href="index.html"><img class="main-logo" th:src="@{/img/logo/logo.png}" alt="" /></a>
                        </div>
                    </div>
                </div>
            </div>
           <div th:insert="~{top::topBar}"></div>
            <!-- Charts Start-->
            <div class="charts-area mg-b-15">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="charts-single-pro responsive-mg-b-30">
                                <div class="alert-title">
                                    <h2>血压</h2>
                                </div>
                                <div id="bar1-chart" style="height: 300px;width: 100%">

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="charts-single-pro">
                                <div class="alert-title">
                                    <h2>血糖</h2>

                                </div>
                                <div id="bar2-chart" style="height: 300px;width: 100%">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="charts-single-pro mg-t-30 responsive-mg-b-0 table-mg-btm-0-pro dk-mg-b-0-desk">
                                <div class="alert-title">
                                    <h2>心跳</h2>

                                </div>
                                <div id="bar3-chart" style="height: 300px;width: 100%">

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="charts-single-pro mg-t-30 table-mg-btm-0-pro dk-mg-b-0-desk">
                                <div class="alert-title">
                                    <h2>睡眠</h2>

                                </div>
                                <div id="bar4-chart" style="height: 300px;width: 100%">

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- Charts End-->
            <div th:insert="~{footer::footer}"></div>
        </div>

        <!-- jquery
            ============================================ -->
        <script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
        <!-- bootstrap JS
            ============================================ -->
        <script th:src="@{/js/bootstrap.min.js}"></script>
        <!-- wow JS
            ============================================ -->
        <script th:src="@{/js/wow.min.js}"></script>
        <!-- price-slider JS
            ============================================ -->
        <script th:src="@{/js/jquery-price-slider.js}"></script>
        <!-- meanmenu JS
            ============================================ -->
        <script th:src="@{/js/jquery.meanmenu.js}"></script>
        <!-- owl.carousel JS
            ============================================ -->
        <script th:src="@{/js/owl.carousel.min.js}"></script>
        <!-- sticky JS
            ============================================ -->
        <script th:src="@{/js/jquery.sticky.js}"></script>
        <!-- scrollUp JS
            ============================================ -->
        <script th:src="@{/js/jquery.scrollUp.min.js}"></script>
        <!-- mCustomScrollbar JS
            ============================================ -->
        <script th:src="@{/js/scrollbar/jquery.mCustomScrollbar.concat.min.js}"></script>
        <script th:src="@{/js/scrollbar/mCustomScrollbar-active.js}"></script>
        <!-- metisMenu JS
            ============================================ -->
        <script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
        <script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
        <!-- Charts JS
            ============================================ -->
        <script th:src="@{/js/echarts.min.js}"></script>
        <script th:src="@{/js/myjs/infor.js}"></script>
        <!-- tab JS
            ============================================ -->
        <script th:src="@{/js/tab.js}"></script>
        <!-- plugins JS
            ============================================ -->
        <script th:src="@{/js/plugins.js}"></script>
        <!-- main JS
            ============================================ -->
        <script th:src="@{/js/main.js}"></script>
        <script th:src="@{/js/myjs/reload.js}"></script>

        <!-- tawk chat JS
            ============================================ -->
    </body></html>